<!--领养-->
<template>
    <div class="right">
      <div class="route">您的当前位置：<span>我的发布</span><span>/</span><span>领养</span></div>

        <ado-List></ado-List>

      <div class="page">
        <!--<change-page></change-page>-->
      </div>
    </div>
</template>

<script>
  // import changePage from '../../matchmaking/changepage.vue'
  import aodList from './adoList'
    export default {
        name: "myado",
      components:{
          'ado-List':aodList,
        // 'change-page':changePage
      }
    }
</script>

<style scoped>

  *{
    padding: 0;
    margin: 0;
  }
  .right{
    position: relative;
    left: 40px;
    min-height: 780px;
    /*height: 675px;*/
    background-color: rgba(255, 255, 255,0.7);
    /*box-shadow: -2px 2px 10px 2px #f7f7f7;*/
  }
  .route{
    position: relative;
    left: 5%;
    width: 90%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    /*background-color: palevioletred;*/
    color: rgba(45, 54, 68, 0.9);
  }
  .route span{
    margin-right: 10px;
    font-size: 14px;
  }
  .route span:last-child{
    color: #8aa7cf;
  }
  .page{
    width: 80%;
    position: absolute;
    bottom: 20px;
    left: 20%;
  }
</style>
